<template>
  <div class="father">
    父亲
    <div class="content">
<!--      默认插槽-->
<!--      <Category>-->
<!--        1.你好父亲-->
<!--      </Category>-->
<!--      <Category>-->
<!--        2.你好父亲-->
<!--      </Category>-->
<!--      具名插槽-->
      <Category>
<!--        等价于v-slot:s2-->
        <template #s2>
          1.你不好
        </template>
        <template v-slot:s1>
          2.我很好
        </template>
      </Category>
    </div>

  </div>
</template>

<script setup lang="ts">
  import Category from "@/components/test/_15/Category.vue";
</script>

<style scoped>
  .father {
    background-color: gray;
    margin: 10px;
    width: 800px;
    height: 500px;
  }
  .content {
    display: flex;
    flex-direction: row;
  }
</style>

<script lang="ts">
export default {
  name: "father.vue"
}
</script>